﻿<!--_meta 作为公共模版分离出去-->
<!DOCTYPE HTML>
<html>
<head>
<meta charset="utf-8">
<meta name="renderer" content="webkit|ie-comp|ie-stand">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no" />
<meta http-equiv="Cache-Control" content="no-siteapp" />
<link rel="Bookmark" href="/favicon.ico" >
<link rel="Shortcut Icon" href="/favicon.ico" />
<!--[if lt IE 9]>
<script type="text/javascript" src="lib/html5shiv.js"></script>
<script type="text/javascript" src="lib/respond.min.js"></script>
<![endif]-->
<link rel="stylesheet" type="text/css" href="static/h-ui/css/H-ui.min.css" />
<link rel="stylesheet" type="text/css" href="static/h-ui.admin/css/H-ui.admin.css" />
<link rel="stylesheet" type="text/css" href="lib/Hui-iconfont/1.0.8/iconfont.css" />
<link rel="stylesheet" type="text/css" href="static/h-ui.admin/skin/default/skin.css" id="skin" />
<link rel="stylesheet" type="text/css" href="static/h-ui.admin/css/style.css" />
<!--[if IE 6]>
<script type="text/javascript" src="lib/DD_belatedPNG_0.0.8a-min.js" ></script>
<script>DD_belatedPNG.fix('*');</script>
<![endif]-->
<!--/meta 作为公共模版分离出去-->

<title>新建网站角色 - 管理员管理 - H-ui.admin v3.1</title>
<meta name="keywords" content="H-ui.admin v3.1,H-ui网站后台模版,后台模版下载,后台管理系统模版,HTML后台模版下载">
<meta name="description" content="H-ui.admin v3.1，是一款由国人开发的轻量级扁平化网站后台模板，完全免费开源的网站后台管理系统模版，适合中小型CMS后台系统。">
</head>
<body>
<article class="page-container">
	<form action="" method="post" class="form form-horizontal" id="form-admin-role-add">
		<input type="hidden" name="cId" id="cId">
		<div class="row cl">
			<label class="form-label col-xs-4 col-sm-3"><span class="c-red">*</span>车位编号：</label>
			<div class="formControls col-xs-8 col-sm-9">
				<input type="text" class="input-text" value="" placeholder="" id="cCoder" name="cCoder">
			</div>
		</div>
		<div class="row cl">
			<label class="form-label col-xs-4 col-sm-3"><span class="c-red">*</span>车位状态：</label>
			<div class="formControls col-xs-8 col-sm-9">
              <select id="cStatus" name="cStatus" style="width: 200px;height: 30px">
                <option value="无状态">请选择车位状态</option>
                <option value="已出租">已出租</option>
                <option value="空闲">空闲</option>
                <option value="已售卖">已售卖</option>
              </select>
			</div>
		</div>
		<div class="row cl" id="rNameShow">
			<!--<label class="form-label col-xs-4 col-sm-3"><span class="c-red">*</span>所属人：</label>-->
			<!--<div class="formControls col-xs-8 col-sm-9">-->
				<!--<input type="text" class="input-text" value="" placeholder="" id="rName" name="rName">-->
			<!--</div>-->
		</div>
		<!--<div class="row cl">-->
			<!--<label class="form-label col-xs-4 col-sm-3">网站角色：</label>-->
			<!--<div class="formControls col-xs-8 col-sm-9">-->
				<!--<dl class="permission-list">-->
					<!--<dt>-->
						<!--<label>-->
							<!--<input type="checkbox" value="" name="user-Character-0" id="user-Character-0">-->
							<!--资讯管理</label>-->
					<!--</dt>-->
					<!--<dd>-->
						<!--<dl class="cl permission-list2">-->
							<!--<dt>-->
								<!--<label class="">-->
									<!--<input type="checkbox" value="" name="user-Character-0-0" id="user-Character-0-0">-->
									<!--栏目管理</label>-->
							<!--</dt>-->
							<!--<dd>-->
								<!--<label class="">-->
									<!--<input type="checkbox" value="" name="user-Character-0-0-0" id="user-Character-0-0-0">-->
									<!--添加</label>-->
								<!--<label class="">-->
									<!--<input type="checkbox" value="" name="user-Character-0-0-0" id="user-Character-0-0-1">-->
									<!--修改</label>-->
								<!--<label class="">-->
									<!--<input type="checkbox" value="" name="user-Character-0-0-0" id="user-Character-0-0-2">-->
									<!--删除</label>-->
								<!--<label class="">-->
									<!--<input type="checkbox" value="" name="user-Character-0-0-0" id="user-Character-0-0-3">-->
									<!--查看</label>-->
								<!--<label class="">-->
									<!--<input type="checkbox" value="" name="user-Character-0-0-0" id="user-Character-0-0-4">-->
									<!--审核</label>-->
								<!--<label class="c-orange"><input type="checkbox" value="" name="user-Character-0-0-0" id="user-Character-0-0-5"> 只能操作自己发布的</label>-->
							<!--</dd>-->
						<!--</dl>-->
						<!--<dl class="cl permission-list2">-->
							<!--<dt>-->
								<!--<label class="">-->
									<!--<input type="checkbox" value="" name="user-Character-0-1" id="user-Character-0-1">-->
									<!--文章管理</label>-->
							<!--</dt>-->
							<!--<dd>-->
								<!--<label class="">-->
									<!--<input type="checkbox" value="" name="user-Character-0-1-0" id="user-Character-0-1-0">-->
									<!--添加</label>-->
								<!--<label class="">-->
									<!--<input type="checkbox" value="" name="user-Character-0-1-0" id="user-Character-0-1-1">-->
									<!--修改</label>-->
								<!--<label class="">-->
									<!--<input type="checkbox" value="" name="user-Character-0-1-0" id="user-Character-0-1-2">-->
									<!--删除</label>-->
								<!--<label class="">-->
									<!--<input type="checkbox" value="" name="user-Character-0-1-0" id="user-Character-0-1-3">-->
									<!--查看</label>-->
								<!--<label class="">-->
									<!--<input type="checkbox" value="" name="user-Character-0-1-0" id="user-Character-0-1-4">-->
									<!--审核</label>-->
								<!--<label class="c-orange"><input type="checkbox" value="" name="user-Character-0-2-0" id="user-Character-0-2-5"> 只能操作自己发布的</label>-->
							<!--</dd>-->
						<!--</dl>-->
					<!--</dd>-->
				<!--</dl>-->
				<!--<dl class="permission-list">-->
					<!--<dt>-->
						<!--<label>-->
							<!--<input type="checkbox" value="" name="user-Character-0" id="user-Character-1">-->
							<!--用户中心</label>-->
					<!--</dt>-->
					<!--<dd>-->
						<!--<dl class="cl permission-list2">-->
							<!--<dt>-->
								<!--<label class="">-->
									<!--<input type="checkbox" value="" name="user-Character-1-0" id="user-Character-1-0">-->
									<!--用户管理</label>-->
							<!--</dt>-->
							<!--<dd>-->
								<!--<label class="">-->
									<!--<input type="checkbox" value="" name="user-Character-1-0-0" id="user-Character-1-0-0">-->
									<!--添加</label>-->
								<!--<label class="">-->
									<!--<input type="checkbox" value="" name="user-Character-1-0-0" id="user-Character-1-0-1">-->
									<!--修改</label>-->
								<!--<label class="">-->
									<!--<input type="checkbox" value="" name="user-Character-1-0-0" id="user-Character-1-0-2">-->
									<!--删除</label>-->
								<!--<label class="">-->
									<!--<input type="checkbox" value="" name="user-Character-1-0-0" id="user-Character-1-0-3">-->
									<!--查看</label>-->
								<!--<label class="">-->
									<!--<input type="checkbox" value="" name="user-Character-1-0-0" id="user-Character-1-0-4">-->
									<!--审核</label>-->
							<!--</dd>-->
						<!--</dl>-->
					<!--</dd>-->
				<!--</dl>-->
			<!--</div>-->
		<!--</div>-->
		<div class="row cl">
			<div class="col-xs-8 col-sm-9 col-xs-offset-4 col-sm-offset-3">
				<button  id="btn" type="button" class="btn btn-success radius" id="admin-role-save" name="admin-role-save"><i class="icon-ok"></i> 确定</button>
			</div>
		</div>
	</form>
</article>

<!--_footer 作为公共模版分离出去-->
<script type="text/javascript" src="lib/jquery/1.9.1/jquery.min.js"></script> 
<script type="text/javascript" src="lib/layer/2.4/layer.js"></script>
<script type="text/javascript" src="static/h-ui/js/H-ui.min.js"></script> 
<script type="text/javascript" src="static/h-ui.admin/js/H-ui.admin.js"></script> <!--/_footer 作为公共模版分离出去-->

<!--请在下方写此页面业务相关的脚本-->
<script type="text/javascript" src="lib/jquery.validation/1.14.0/jquery.validate.js"></script>
<script type="text/javascript" src="lib/jquery.validation/1.14.0/validate-methods.js"></script>
<script type="text/javascript" src="lib/jquery.validation/1.14.0/messages_zh.js"></script>
<script type="text/javascript">
	//验证是新增还是修改  获取浏览器地址栏 url 看是否有 pId传入
	/* 解析浏览器地址栏指定的参数*/
	function GetQueryString(name) {
		var reg = new RegExp("(^|&)" + name + "=([^&]*)(&|$)");
		var r = window.location.search.substr(1).match(reg);
		if (r != null) return decodeURI(r[2]);
		return null;
	}
	var cId = GetQueryString("cId");
	//回显数据
	if(cId !=null){
		$.ajax({
			url:"/car/findCarBycId",
			data:{"cId":cId},
			type:"post",
			dataType:"json",
			success:function (data) {
				// console.log(data.resident.rName);
				$("#cId").val(data.cId);
				$("#cCoder").val(data.cCoder);
				var cStatus = data.cStatus;
				if(cStatus == "已售卖"){
					$("option[value='已售卖']").attr("selected","selected");
				}else if(cStatus == "已出租"){
					$("option[value='已出租']").attr("selected","selected");
				}else{
					$("option[value='空闲']").attr("selected","selected");
				}
				if(data.resident != null){
					var rName =
							"<label class=\"form-label col-xs-4 col-sm-3\"><span class=\"c-red\">*</span>所属人：</label>" +
							"<div class=\"formControls col-xs-8 col-sm-9\">" +
							"<input type=\"text\" class=\"input-text\" value=\"\" placeholder=\"\" id=\"rName\" name=\"rName\">" +
							"</div>" ;
					$("#rNameShow").append(rName);
					$("#rName").val(data.resident.rName);
				}
			}
		})
	}

  $("#cStatus").change(function () {
    if($("#cStatus").val()=="已售卖" || $("#cStatus").val() == "已出租"){
      $("#rNameShow").html("");
      var rName =
              "<label class=\"form-label col-xs-4 col-sm-3\"><span class=\"c-red\">*</span>所属人：</label>\n" +
              "\t\t\t<div class=\"formControls col-xs-8 col-sm-9\">\n" +
              "\t\t\t\t<input type=\"text\" class=\"input-text\" value=\"\" placeholder=\"\" id=\"rName\" name=\"rName\">\n" +
              "\t\t\t</div>" ;

      $("#rNameShow").append(rName);
    }
  });

  $("#btn").click(function () {
    $.ajax({
      url:"/car/saveCar",
      data:$("#form-admin-role-add").serialize(),
      dataType:"json",
      type:"post",
      success:function (data) {
        alert(data);
        if(data == "操作成功"){
          var index = parent.layer.getFrameIndex(window.name); //先得到当前iframe层的索引
          parent.layer.close(index); //再执行关闭
        }
      }
    })
  })
	// /* 解析浏览器地址栏指定的参数*/
	// //看是否有id传过来
	// function GetQueryString(name) {
	// 	var reg = new RegExp("(^|&)" + name + "=([^&]*)(&|$)");
	// 	var r = window.location.search.substr(1).match(reg);
	// 	if (r != null) return decodeURI(r[2]);
	// 	return null;
	// }
	// var bId = GetQueryString("bId");
	// if(bId!=null){
	// 	$.ajax({
	// 		url:"/building/findBuildBybId",
	// 		type:"post",
	// 		dataType:"json",
	// 		data:{"bId":bId},
	// 		success:function (data) {
	// 			console.log(data);
	// 			$("#bId").val(data.bId);
	// 			$("#bUnit").val(data.bUnit);
	// 			$("#bBuilding").val(data.bBuilding);
	// 			$("#bRoomid").val(data.bRoomid);
	// 			$("#bArea").val(data.bArea);
	// 			$("#bHousetype").val(data.bHousetype);
    //
	// 		}
	// 	})
	// }
$(function(){
	$(".permission-list dt input:checkbox").click(function(){
		$(this).closest("dl").find("dd input:checkbox").prop("checked",$(this).prop("checked"));
	});
	$(".permission-list2 dd input:checkbox").click(function(){
		var l =$(this).parent().parent().find("input:checked").length;
		var l2=$(this).parents(".permission-list").find(".permission-list2 dd").find("input:checked").length;
		if($(this).prop("checked")){
			$(this).closest("dl").find("dt input:checkbox").prop("checked",true);
			$(this).parents(".permission-list").find("dt").first().find("input:checkbox").prop("checked",true);
		}
		else{
			if(l==0){
				$(this).closest("dl").find("dt input:checkbox").prop("checked",false);
			}
			if(l2==0){
				$(this).parents(".permission-list").find("dt").first().find("input:checkbox").prop("checked",false);
			}
		}
	});
	
	$("#form-admin-role-add").validate({
		rules:{
			roleName:{
				required:true,
			},
		},
		onkeyup:false,
		focusCleanup:true,
		success:"valid",
		submitHandler:function(form){
			$(form).ajaxSubmit();
			var index = parent.layer.getFrameIndex(window.name);
			parent.layer.close(index);
		}
	});
});
</script>
<!--/请在上方写此页面业务相关的脚本-->
</body>
</html>